<template>
  <!-- 参赛选手录入 -->
  <div>
    <div class="el_alert">
      <el-alert
        title="请录入并提交参赛选手信息，后台审核后，学校可为审核通过的学员报名。"
        type="info"
      />
    </div>
    <InfoForm @sub="handleSubmit" />
  </div>
</template>

<script  setup>
import InfoForm from "./components/stu-info-form.vue"
const emit = defineEmits('sub')
const handleSubmit = () => {
  emit('sub')
}
</script>

<style lang="scss" scoped>
.header_information {
  padding: 20px;
  .header_name {
    margin-left: 10px;
    margin-right: 10px;
    .header_text {
      margin-left: -10px;
      margin-right: -10px;
    }
    h1 {
      font-size: 28px;
    }
  }
  .el_alert {
    margin-bottom: 20px;
  }
  .header_line {
    display: block;
    height: 1px;
    width: 100%;
    margin: 24px 0;
    background-color: #8473f717;
  }
  .contnet_text {
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 700;
  }
  .from_checkbox {
    width: 550px !important;
    :deep(.el-checkbox__label) {
      display: inline-block;
      padding-left: 10px;
      line-height: 19px;
      font-size: 14px;
    }
  }
  .not_inp {
    color: #606266;
    font-size: 14px;
  }
  .content_input {
    width: 500px;
  }
  .input_border {
    display: none;
  }
  :deep(.el-input__wrapper) {
    padding: 0 15px;
  }
  :deep(.el-input.is-disabled) .el-input__inner {
    background-color: #f5f5f5;
  }
  .select_region {
    width: 500px;
    display: flex;
    justify-content: space-between;
    .el_form_content_text {
      width: 500px;
      height: 120px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      p {
        font-size: 14px;
        color: #202020;
      }
      .content_text_relation {
        font-size: 14px;
        .content_text_contacts {
          color: #000;
          font-weight: bold;
        }
        span {
          color: #202020;
          font-size: 14px;
        }
      }
    }
  }
  :deep(.el-input) {
    height: 40px;
  }
  .content_select {
    width: 160px;
  }
}
// 上传
.avatar-uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 150px;
  height: 205px;
  line-height: 205px;
  text-align: center;
}
.upload_text {
  color: rgb(96, 98, 102);
  font-style: 14px;
}
</style>